.m-main .right-cont .slide03 .swiper-slide-match .card {
    // box-shadow: 0 0 0.1rem #ddd;
    // border-radius: 0.25rem;
    border-radius: 0.25rem;
    box-shadow: 0 0 0.3rem #ccc;
    transition: all 0.3s;
    &:hover {
        // box-shadow: 0 0 0.3rem #777;
    }
}
.m-main .right-cont .slide03 .swiper-slide-match .swiper-slide-active .card{
    box-shadow: 0 0 0.1rem #007ae1;
    &:hover {
        box-shadow: 0 0 0.3rem #007ae1;
    }
}
.m-main .right-cont .slide03 .move-slide-match .card {
    transition: all 0.3s;
    border-radius: 0.25rem;
    box-shadow: 0 0 0.1rem #ddd;
    &:hover {
        box-shadow: 0 0 0.3rem #777;
    }
}
.m-main .right-cont .slide03 .move-slide-match .move-slide.active .card {
    // transition: all 0.3s;
    // border-radius: 0.25rem;
    &:hover {
        box-shadow: 0 0 0.3rem #007ae1;
    }
}
.m-main .right-cont .slide06 .swiper-container .card {
    transition: box-shadow 0.3s;
    border-radius: 0.25rem;
    box-shadow: 0 0 0.2rem #ddd;
    &:hover {
        box-shadow: 0 0 0.3rem #777;
    }
}
.m-float-about .old-page .swiper-container .swiper-slide-active .card {
    transition: box-shadow 0.3s;
    // border-radius: 0.25rem;
    box-shadow: 0 0 0.2rem #777;
    &:hover {
        box-shadow: 0 0 0.3rem #777;
    }
}
.m-main .right-cont .slide06 .move-container .move-wrap .card {
    transition: box-shadow 0.3s;
    border-radius: 0.25rem;
    box-shadow: 0 0 0.1rem #ddd;
    &:hover {
        box-shadow: 0 0 0.3rem #777;
    }
}
.m-float-about .old-page .move-container .big-small-slide .move-slide .card {
    transition: box-shadow 0.3s;
    // border-radius: 0.25rem;
    box-shadow: 0 0 0.1rem #777;
    &:hover {
        box-shadow: 0 0 0.3rem #999;
    }
}
.m-float-about {
    animation: moveleft 0.3s ease-out forwards;
    &.move {
        animation: moveright 0.3s ease-out forwards;
    }
}

.m-float-video {
    opacity: 0;
    animation: fadein 0.3s forwards;
}

.m-main .right-cont .nav-btn-wrap .btn {
    transition: background-image 0.3s;
}
.m-main .right-cont .slide02 .page-right .right-box .nav-slide ul {
    position: relative;
}
.m-main .right-cont .slide02 .page-right .right-box .nav-slide li {
    display: block;
    transition: opacity 0.6s;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;

    &.active {
        opacity: 1;
    }
}

.m-main .right-cont .main-page .main .nav-cont-wrap .nav-page {
    display: block;
    transition: opacity 0.3s;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;

    &.active {
        transition: opacity 0.3s 0.3s;
        opacity: 1;
    }
}
.m-main .right-cont .main-page .main .nav-cont-wrap .nav-page.right-nav-page{
        display: none;
}
.m-main .right-cont .slide05 .nav-page .page {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s;
    opacity: 0;

    &.active {
        transition: opacity 0.3s 0.3s;
        position: relative;
        opacity: 1;
    }
}

// float-about
.m-float-about .about-page .top-nav li {
    .img-shadow, .sprite-img, .sprite-img-blue, .sprite-img-blue-shadow {
        position: absolute;
        top: 50%;
        left: 50%;
    }
    .img-shadow {
        width: 1.3rem;
        height: 1.3rem;
        margin: -0.65rem 0 0 -0.65rem;
    }
    .sprite-img {
        margin: -0.42rem 0 0 -0.42rem;
        transition: transform 0.2s;
        &:hover {
            transform: scale(1.1);
        }
    }
    .sprite-img-blue {
        // z-index: -1;
        opacity: 0;
        width: 1.5rem;
        height: 1.64rem;
        margin: -0.8rem 0 0 -0.75rem;
        background: url('../img/main03-childnav-sprite.png') no-repeat center / 1900px 400px;
        transform: scale(0.55);
        transition: all 0.3s;
        pointer-events: none;
        transform-origin: 50% 52%;
    }
    .sprite-img-blue-shadow {
        // z-index: -1;
        opacity: 0;
        width: 202px;
        height: 212px;
        margin: -1.06rem 0 0 -1.01rem;
        background: url('../img/main03-big-shadow.png') no-repeat center / cover;
        transform: scale(0.55);
        transition: all 0.3s;
        pointer-events: none;
        transform-origin: 50% 52%;
    }

    &.active {
        .sprite-img-blue, .sprite-img-blue-shadow {
            opacity: 1;
            transform: scale(0.7);
            // z-index: 0;
            pointer-events: auto;
        }
        // .img-shadow {
        //     width: 202px;
        //     height: 212px;
        //     background: url('../img/main03-big-shadow.png') no-repeat center / cover;
        //     transform: scale(0.72);
        //     margin: -1.06rem 0 0 -1.01rem;
        //     transition: all 0.3s;
        // }
    }
}

.m-float-about .about-page .top-nav {
    .ycwx .sprite-img-blue {
        background-position: -11px -5px;
    }
    .aiaq .sprite-img-blue {
        background-position: -174px -5px;
    }
    .znhl .sprite-img-blue {
        background-position: -341px -5px;
    }
    .dsp .sprite-img-blue {
        background-position: -505px -5px;
    }
    .yxkf .sprite-img-blue {
        background-position: -669px -5px;
    }
    .cysj .sprite-img-blue {
        background-position: -1676px -5px;
    }
    .yycy .sprite-img-blue {
        background-position: -843px -5px;
    }
    .tmcy .sprite-img-blue {
        background-position: -1005px -5px;
    }
    .qnbj .sprite-img-blue {
        background-position: -1173px -5px;
    }
    .qndy .sprite-img-blue {
        background-position: -1336px -5px;
    }
    .qnyy .sprite-img-blue {
        background-position: -1501px -5px;
    }
}

.m-float-about .about-page .nav-cont li .box .text-title {
    position: relative;
    .arrow {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
}
.m-float-about .about-page .nav-cont li .btn-wrap {
    padding-left: 0.1rem;
}
.m-float-about .about-page .nav-cont li .btn-wrap .btn-page .tag {
    top: 0;
    left: 0;
    transform: none;
}
.m-float-about .about-page .nav-cont li .btn-wrap .btn-page {
    border-radius: 0.25rem;
    transition: box-shadow 0.3s;
    &:hover {
        box-shadow: 0 0 0.1rem #007ae1;
    }
}


// ip-page
.m-float-about {
    .old-page, .ip-page, .now-page {
        animation: fadein 0.6s;
    }
}
.m-float-about .ip-page .btn-down {
    transition: box-shadow 0.3s;
    &:hover {
        box-shadow: 0 0 0.1rem #007ae1;
    }
}
.m-float-about .ip-page .cysj-title li {
    transition: box-shadow 0.3s;
}



// others
.m-main .right-cont .slide04 li h1 {
    color: #666;
}